<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <meta charset="utf-8" />
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link href="../css/slide.css" rel="stylesheet" type="text/css" />
    <link href="../css/animate.css" rel="stylesheet" type="text/css" />
    <link href="../css/index.css" rel="stylesheet" type="text/css" />
    <script src="../js/flexible/flexible.js"></script>
</head>
<body>
    <div class="loding" id="loding">
        <span class="loader1"><i></i><i></i></span>
        <span class="jindu">10%</span>
    </div>
    <div class="wrapper slider-nav" id="sliderNav">
        <ul class="items">
            <li class="f-slide"><img style="display: inline;" src="../img/home_banner.jpg" class="animated rollIn" ></li>
            <li class="s-slide">
                <img src="../img/cate_banner.jpg" class="animated zoomIn">
                <div class="cate-mian">
                    <div class="cate-list">
                        <a href="javascript:void(0);" id="pageBtn1">品牌介绍</a>
                        <a href="javascript:void(0);">2016市场计划</a>
                        <a href="javascript:void(0);">2016重点品项介绍</a>
                        <a href="javascript:void(0);">2016其他品项介绍</a>
                        <a href="javascript:void(0);">销售技巧</a>
                        <a href="javascript:void(0);">陈列标准</a>
                    </div>
                </div>
            </li>
            <li><img src="../img/ppjs_banner.jpg" class="animated zoomInDown"></li>
            <li><img src="../img/scjh_banner.jpg" class="animated shake"></li>
            <li><img src="../img/zdppjs_banner.jpg" class="animated fadeInLeft">
                <div class="zdppjs_tit">
                    <img src="../img/zdppjs_tit.png">
                </div>
                <div class="zdppjs_main">
                    <span data-num="00" class="spic_00"></span>
                    <span data-num="01" class="spic_01"></span>
                    <span data-num="02" class="spic_02"></span>
                    <span data-num="03" class="spic_03"></span>
                    <span data-num="04" class="spic_04"></span>
                    <span data-num="05" class="spic_05"></span>
                    <span data-num="06" class="spic_06"></span>
                    <span data-num="07" class="spic_07"></span>
                    <span data-num="08" class="spic_08"></span>
                    <span data-num="09" class="spic_09"></span>
                    <span data-num="10" class="spic_10"></span>
                </div>
                <div class="bpic_main"></div>
            </li>
            <li><img src="../img/qtpxjs_banner.jpg" class="animated zoomInLeft"></li>
            <li id="xsjqBtn"><img src="../img/xsjq_banner.jpg" class="animated rotateIn"></li>
            <li><img src="../img/clbz_banner.jpg" class="animated rotateInUpLeft"></li>
        </ul>
    </div>
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/slide.js"></script>
    <script src="../js/index.js"></script>
    <script type="text/javascript">
        $(function() {
            var babiAppFun = new babiApp();
            babiAppFun.init();
        });
    </script>
</body>
</html>
